<ion-view view-title="Add Address">
  <ion-content style="background: #f7f7f7">
    <div class="longdiv">
      <div style="width: 48%;display: inline-block;vertical-align: top">
        <div class="remark">
          First Name<span class="dot">*</span>
        </div>
        <input class="remarkinput">
      </div>

      <div style="width: 1px;height: 40px;background: #f7f7f7;display: inline-block;vertical-align: top"></div>

      <div style="width: 48%;display: inline-block">
        <div class="remark">
          Last Name<span class="dot">*</span>
        </div>
        <input class="remarkinput">
      </div>
    </div>


    <div style="width: 100%;display: inline-block;vertical-align: top;margin-top: 20px;background: #fff;color: #b5b5b5;height: 40px;">
      <div class="remark">
        Street Address<span class="dot">*</span>
      </div>
      <input class="remarkinput">
    </div>
    <div style="height:40px;background: #fff">
      <input placeholder="Apt/Suite/House Number" style="margin: 0 10px 0 10px;height: 40px;border-bottom: #f7f7f7 1px solid;border-top:#f7f7f7 1px solid;width: 100% ">
    </div>

    <div class="longdiv">
      <div style="width: 48%;display: inline-block;vertical-align: top">
        <div class="remark">
          First Name<span class="dot">*</span>
        </div>
        <input class="remarkinput">
      </div>

      <div style="width: 1px;height: 40px;background: #f7f7f7;display: inline-block;vertical-align: top"></div>

      <div style="width: 48%;display: inline-block">
        <div class="remark">
          Last Name<span class="dot">*</span>
        </div>
        <input class="remarkinput">
      </div>
    </div>

    <div style="width: 100%;display: inline-block;vertical-align: top;background: #fff;color: #b5b5b5;height: 40px;">
      <div class="remark">
        Zip/Postal Code<span class="dot">*</span>
      </div>
      <input class="remarkinput">
    </div>


    <div style="width: 100%;padding:10px;margin-top: 20px;background: #fff;color: #b5b5b5">
      Delivery Instructions<br>(e.g. your building access code)(optional)
     <textarea
          style="width: 100%;background: #fff;height: 90px;color: #4d4d4d"></textarea>
    </div>

    <style type="text/css">
      .longdiv{width: 100%;background: #fff;color: #b5b5b5;height: 40px;}
      .remarkinput{width: 100%;color: #4d4d4d;display: none;height: 30px;padding-left: 10px;}
      .dot{color: #eb6100}
      .remark{height: 40px;line-height: 40px;padding-left: 10px;}
      input{border:0px}
    </style>



  </ion-content>
</ion-view>
